<%@ include file="base.jsp" %>
<%@ page isELIgnored ="true" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head>
<title>Insert title here</title>
<script type="text/javascript">
	$(document).ready(function() {
		$('#mm').menu({  
		    onClick:function(item){  
		        //...  
		        alert(item.text);
		    }  
		}); 
		$('#mm').menu('show', {  
			  left: 200,  
			  top: 100  
		}); 
		$('#mb2').menubutton({  
		    iconCls: 'icon-edit',  
		    menu: '#mm2'  
		});
	});

</script>
</head>
<body>
<div id="mm" class="easyui-menu" style="width:120px;">  
    <div>New</div>  
    <div>  
        <span>Open</span>  
        <div style="width:150px;">  
            <div><b>Word</b></div>  
            <div>Excel</div>  
            <div>PowerPoint</div>  
        </div>  
    </div>  
    <div data-options="iconCls:'icon-save'">Save</div>  
    <div class="menu-sep"></div>  
    <div>Exit</div>  
</div>

<a href="javascript:void(0)" id="mb" class="easyui-menubutton"   
        data-options="menu:'#mm1',iconCls:'icon-edit'">Edit</a>  
	<div id="mm1" style="width:150px;">  
	    <div data-options="iconCls:'icon-undo'">Undo</div>  
	    <div data-options="iconCls:'icon-redo'">Redo</div>  
	    <div class="menu-sep"></div>  
	    <div>Cut</div>  
	    <div>Copy</div>  
	    <div>Paste</div>  
	    <div class="menu-sep"></div>  
	    <div data-options="iconCls:'icon-remove'">Delete</div>  
	    <div>Select All</div>  
</div> 
    
    <a href="javascript:void(0)" id="mb2">Edit</a>  
		<div id="mm2" style="width:150px">  
	    <div data-options="iconCls:'icon-undo'">Undo</div>  
	    <div data-options="iconCls:'icon-redo'">Redo</div>  
	    <div class="menu-sep"></div>  
	    <div>Cut</div>  
	    <div>Copy</div>  
	    <div>Paste</div>  
	    <div class="menu-sep"></div>  
	    <div data-options="iconCls:'icon-remove'">Delete</div>  
	    <div>Select All</div> 
</div> 
<a href="javascript:void(0)" id="sb" class="easyui-splitbutton"  
        data-options="menu:'#mm3',iconCls:'icon-ok'" onclick="javascript:alert('ok')">Ok</a>  
<div id="mm3" style="width:100px;">  
    <div data-options="iconCls:'icon-ok'" onclick="javascript:alert('ok')">Ok</div>  
    <div data-options="iconCls:'icon-cancel'" onclick="javascript:alert('cancel')">Cancel</div>  
</div> 
</body>
</html>